<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="utf-8">
                <title>Dive Into HTML5</title>
        </head>
        <body>
                <script>
                        var $ = function(id) {
                                return document.getElementById(id);
                        }
                        
                </script>
                
                <h1> Form </h1>     
                <h2> Placeholder </h2>           
                <form>
                        <input name="q" placeholder="Search Bookmarks and History">
                        <input type="submit" value="submit">
                </form>
                <h2> Email </h2>           
                <form>
                        <input name="q" type="email">
                        <input type="submit" value="submit">
                </form>
                
                <h2> Sliders </h2>           
                <form>
                        <input name="q" type="range" min="0"
       max="10"
       step="2"
       value="6">
                        <input type="submit" value="submit">
                </form>
                
                <h2> Date </h2>           
                <form>
                        <input name="q" type="date">
                        <input type="submit" value="submit">
                </form>
                <script>
                        
 
                </script>
                
        </body>
</html>
